<script setup lang="ts">
import BlockBox from '../BlockBox.vue';
import { ESButton } from '../../packages/index';
import messageBox from '../../packages/components/messageBox/index'
const handleDelete = () => {
    const aa = {
        // title: '删除确认提示',
        text: '请问您确认要删除该商品吗,，请确认，非常确定吗？',
        cancelButtonText: '取消111',
        confirmButtonText: '确认222222',
        // background: 'rgba(69, 190, 242, 0.51)',
        // buttonBackground: {
        //     background: 'rgba(73, 113, 128, 0.51)',
        //     hoverBackground: 'rgba(99, 145, 228, 0.51)'
        // },
        // iconStyle: {
        //     name: 'xunwen',
        //     color: 'rgba(82, 106, 176, 0.703)',
        // }
    }
    messageBox(aa)
        .then(() => {
            console.log('确认');
        })
        .catch((err) => {
            console.log('取消');
            console.log(err);
        })
}
</script>
<template>
    <BlockBox text="窗口测试">
        <ESButton @click='handleDelete()'>弹出</ESButton>
    </BlockBox>
</template>
<style scoped></style>
